<template>
  <ms-report-export-template :title="title" :type="$t('report.load_test_report')">
    <el-card id="testOverview">
      <template v-slot:header>
        <span class="title">{{ $t('report.test_overview') }}</span>
      </template>
      <ms-report-test-overview :report="report" :export="true" ref="testOverview"/>
    </el-card>
    <el-card id="testDetails">
      <template v-slot:header>
        <span class="title">{{ $t('report.test_details') }}</span>
      </template>
      <ms-report-test-details :report="report" :export="true" ref="testDetails"/>
    </el-card>
    <el-card id="requestStatistics" title="'requestStatistics'">
      <template v-slot:header>
        <span class="title">{{ $t('report.test_request_statistics') }}</span>
      </template>
      <ms-report-request-statistics :report="report" ref="requestStatistics"/>
    </el-card>
    <el-card id="errorLog" title="'errorLog'">
      <template v-slot:header>
        <span class="title">{{ $t('report.test_error_log') }}</span>
      </template>
      <ms-report-error-log :report="report" ref="errorLog"/>
    </el-card>
  </ms-report-export-template>
</template>

<script>

import MsReportErrorLog from './components/ErrorLog';
import MsReportRequestStatistics from './components/RequestStatistics';
import MsReportTestOverview from './components/TestOverview';

import MsReportTitle from "../../common/components/report/MsReportTitle";
import MsReportExportTemplate from "../../common/components/report/MsReportExportTemplate";
import MsReportTestDetails from "@/business/components/performance/report/components/TestDetails";


export default {
  name: "MsPerformanceReportExport",
  components: {
    MsReportExportTemplate,
    MsReportTitle,
    MsReportErrorLog,
    MsReportTestDetails,
    MsReportRequestStatistics,
    MsReportTestOverview,
  },
  props: ['report', 'title']
}
</script>

<style scoped>

.el-card {
  margin-top: 20px;
  margin-bottom: 20px;
  border-style: none;
}

</style>
